<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03_常用选择器</title>
    <style>
        /*
        将所有的段落设置为红色（字体）

        元素选择器：根据标签名来选中指定元素
                p{}  h1{}   div{}
        id选择器：根据元素id选中元素
                #red #p1 #123
        类选择器（用的比较多）：根据元素的class属性值选中一组元素
                .class名字
                .blue
        适配选择器：选中页面中的所有元素
                    *
         */
         p{
            color: green;
         }
         #red{
            color: red;
         }
         *{
            color: blue;
         }
    </style>
</head>
<body>
    <p>你没事吧？</p>
    <p id="red" >没事吧？</p>
    <p>事吧？</p>
    <!-- 
        class（html中的） 是一个标签的属性，它和id类似，不同的时class可以重复使用，也可以对同一个设置多个属性值，用空格分开
     -->
    <p class="blue" >吧？</p>
    <p class="blue" >？</p>
    
</body>
</html>